From 66939bab93cdcb9b7732c45d7bc3b99b6951fe15 Mon Sep 17 00:00:00 2001
From: Martin Kagamino Lehoux <martin@lehoux.net>
Date: Wed, 7 Oct 2026 19:17:14 +0200
Subject: feat: promote a reference as the primary shown in lists

Add an is_primary flag to references; the promoted ref sorts first on the item page and is the one shown under the item in the list and catalog. Item page gets a star toggle per reference.
---
 src/routes/grocery/[id]/+page.svelte | 37 ++++++++++++++++++++++++++++++++++++
 1 file changed, 37 insertions(+)

(limited to 'src/routes/grocery/[id]/+page.svelte')

diff --git a/src/routes/grocery/[id]/+page.svelte b/src/routes/grocery/[id]/+page.svelte
index 027c079..1a9aac8 100644
--- a/src/routes/grocery/[id]/+page.svelte
+++ b/src/routes/grocery/[id]/+page.svelte
@@ -156,6 +156,9 @@
 			{#each data?.references ?? [] as ref (ref.id)}
 				<Row variant="ref">
 					<div class="ref-info">
+						{#if ref.isPrimary}
+							<span class="primary-badge" title="Référence principale">★</span>
+						{/if}
 						<strong>{ref.reference}</strong>
 						{#if ref.price}
 							<span class="ref-detail"
@@ -166,6 +169,16 @@
 							<span class="ref-detail">Note : {ref.qualityScore}/100</span>
 						{/if}
 					</div>
+					{#if !ref.isPrimary}
+						<button
+							type="submit"
+							class="promote-btn"
+							name="id"
+							value={ref.id}
+							formaction="?/promote"
+							aria-label="Définir comme référence principale">☆</button
+						>
+					{/if}
 					<Button variant="ghost" name="id" value={ref.id} ariaLabel="Supprimer"
 						>&times;</Button
 					>
@@ -226,6 +239,30 @@
 		font-weight: 500;
 	}
 
+	.primary-badge {
+		color: var(--accent);
+		font-size: 0.875rem;
+	}
+
+	.promote-btn {
+		flex-shrink: 0;
+		width: 2rem;
+		aspect-ratio: 1;
+		padding: 0;
+		background: transparent;
+		border: none;
+		color: var(--text-secondary);
+		font-size: 1.25rem;
+		cursor: pointer;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+
+	.promote-btn:hover {
+		color: var(--accent);
+	}
+
 	.error {
 		margin-top: -0.25rem;
 		margin-bottom: 0.5rem;
-- 
cgit v1.3